<template>
  <div class="">
    <x-header :left-options="{showBack: false}" :title="title"></x-header>
    <v-box>
      <group>
        <cell title="cell" value="hello" is-link></cell>
        <cell-box is-link @click.native='toNext()'>
          cell-box long long
        </cell-box>
        <cell-box>
          cell-box hello
        </cell-box>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello" is-link></cell>
        <cell title="cell" value="hello1" is-link></cell>
      </group>
    </v-box>
  </div>
</template>

<script>
import { XHeader, Group, Cell, CellBox, XButton, Box } from "vux";

export default {
  data() {
    return {
      title: "投资"
    };
  },
  components: {
    XHeader,
    Group,
    Cell,
    CellBox,
    XButton,
    Box
  },
  methods: {
    toNext(){
      // this.$router.push('/home/homeInvest',)

      this.$router.push({ path: '/home/homeInvest', query:{'name': 'xiaoming'}})
    }
  }
};
</script>

<style scoped lang="less">

</style>
